@import './animation.scss';
@import './custom-default-browser-style.scss';

body {
  font-family: 'Inter var experimental', 'Inter var', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  direction: ltr;
  font-weight: 400;
  color: #000;
  width: 100%;
  height: 100%;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: 'DS-Digital';
  src: url('./fonts/DS-DIGI.TTF');
}

@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('./fonts/优设标题黑.TTF');
}

@font-face {
  font-family: 'ALIMAMA_SHUHEITI_BOLD';
  src: url('./fonts/ALIMAMA_SHUHEITI_BOLD.TTF');
}
@font-face {
  font-family: 'IMPACT';
  src: url('./fonts/IMPACT.TTF');
}

svg.icon {
  width: 20px;
  height: 20px;
}

:root {
  --el-font-family: 'Inter var experimental', 'Inter var', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
    'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.el-collapse {
  border: none !important;
  --el-collapse-header-height: 40px !important;
  --el-collapse-header-bg-color: #11284a !important;
  --el-collapse-header-text-color: #fff !important;
  --el-collapse-border-color: #11284a !important;
  --el-collapse-content-bg-color: none !important;
  --el-collapse-header-font-size: 16px !important;

  .el-collapse-item__header {
    padding-left: 20px;
  }

  .el-collapse-item__wrap {
    border-bottom: none;
  }
}

.custom-collapse-form {
  .el-form-item {
    margin-bottom: 0;

    &.mg10 {
      margin-bottom: 10px;
    }

    .el-form-item__label {
      font-size: 14px;
      color: #fff;
    }
  }
}

.custom-search-form {
  .el-form-item:not(.operation-item) {
    //max-width: 1117px;
    height: 40px;
    margin-right: 10px !important;
    border: 1px solid #d0cfcf;
    margin-bottom: 20px;

    .el-form-item__label {
      min-width: 88px;
      height: 40px;
      background-color: #f3f2f9;
      color: #3b3b3b;
      font-size: 16px;
    }

    .el-form-item__content {
      height: 40px;

      .el-input__wrapper {
        --el-input-border-radius: 0;
        box-shadow: none;
      }

      .el-input-number {
        width: 100%;

        .el-input__inner {
          text-align: left;
        }

        .el-input-number__decrease,
        .el-input-number__increase {
          display: none;
        }
      }
    }
  }

  .el-form-item--large {
    --font-size: 16px;
    color: #333333;
    margin-bottom: 0px;
  }

  .el-form-item.operation-item {
    padding: 0 10px;

    .el-button {
      width: 90px;
      height: 42px;
      font-size: 16px;
    }

    .type-button {
      background-color: #f3f2f9;
      color: #3b3b3b;
      border: 1px solid #d0cfcf;
    }

    .search-button {
      background-color: #206146;
      color: #ffffff;
    }
  }

  .el-radio-group {
    padding: 0 10px;

    .el-radio {
      .el-radio__input {
        display: none;
      }

      .el-radio__label {
        color: #000000;
        padding: 0;
        font-size: 16px !important;
      }

      &.is-bordered {
        border: none;
        padding: 0 12px;
        margin-right: 10px;
      }

      &.is-checked {
        background: #fee17d;
        border-radius: 2px 2px 2px 2px;
      }
    }
  }
}

.custom-dialog,
.custom-dialog-prediction,
.custom-dialog-pre,
.custom-dialog-prer {
  .el-dialog__header {
    background-color: #4056cc;
    color: #fff;
    margin-right: 0;
    padding: 5px 20px;
    border: 1px solid #4056cc;
    display: none;
    .el-dialog__title {
      color: #fff;
    }

    .el-dialog__headerbtn {
      width: 30px;
      height: 30px;

      .el-dialog__close {
        color: #fff;
      }
    }
  }
  .el-dialog__body {
    padding: 0;
  }
}

.systemdialogclass {
  .el-dialog__header {
    border-bottom: 1px solid #eef0f4;
  }
  .el-dialog__body {
    padding-top: 10px;
  }
}

/* 修改滚动条的样式 */
.scrollbar::-webkit-scrollbar {
  width: 1px; /* 设置滚动条的宽度 */
}
/* 滚动条滑块样式 */
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
